<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>福田奥铃&福康杯 2019线上勒芒赛</title>
    <link rel="stylesheet" href="__INDEX__/mobile/hd1/2019/lm/css/set.css">
    <link rel="stylesheet" href="__INDEX__/mobile/hd1/2019/lm/css/swiper.min.css">
    <script src="__INDEX__/mobile/hd1/2019/lm/js/jquery.min.js"></script>
    <script src="__INDEX__/mobile/hd1/2019/lm/js/swiper.min.js"></script>
    <link rel="stylesheet" href="__INDEX__/mobile/hd1/2019/lm/css/lm_xs.css">


    <link rel="stylesheet" href="__INDEX__/mobile/hd1/2019/lm/css/base.css"> <!--初始化文件-->
    <link rel="stylesheet" href="__INDEX__/mobile/hd1/2019/lm/css/menu.css"> <!--主样式-->
     <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        wx.config({
            debug: false, // 开启调试模式调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印�?
            appId: 'wx8c5b80ddabf32666', // 必填，公众号的唯一标识
            timestamp: '{$arr.timestamp}', // 必填，生成签名的时间
            nonceStr: '{$arr.noncestr}', // 必填，生成签名的随机
            signature: '{$arr.sha1}',// 必填，签名，见附
            jsApiList: [
                "onMenuShareTimeline",
                "onMenuShareAppMessage"
            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附
        });
        wx.ready(function () {
            wx.onMenuShareAppMessage({
                title: '奥铃勒芒赛', // 分享标题
                desc: '福田奥铃&福康杯 2019线上勒芒赛”高效物流，赢在TCO', // 分享描述
                link: 'http://aoling.douyar.cc/index/hd1/lm_xs.html', // 分享链接
                imgUrl: 'http://aoling.douyar.cc/public/fx/cc.jpg', // 分享图标
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {

                },
                cancel: function () {
                    //alert("取消成功");
                    // 用户取消分享后执行的回调函数
                }

            });
            wx.onMenuShareTimeline({
                title: '奥铃勒芒赛', // 分享标题
                link: 'http://aoling.douyar.cc/index/hd1/lm_xs.html', // 分享链接
                imgUrl: 'http://aoling.douyar.cc/public/fx/cc.jpg', // 分享图标
                success: function () {

                },
                cancel: function () {
                  //  alert("取消成功");
                    // 用户取消分享后执行的回调函数
                }
            });
        })
    </script>
   
    
    <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?4b35b9696537f6518e4cdcdeeee51ff6";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
    <style>
        .swiper-container .swiper-slide:not(.swiper-slide-active) {
            transform: scale(0.8);
        }
    </style>
</head>

<body>
    <div class="warp">
        <div class="swiper-container swiper-container1 ">
            <div class="swiper-wrapper">
                <div class="swiper-slide banner" style=" transform: scale(1.0);">
                    <img src="__INDEX__/mobile/hd1/2019/lm/img/bannersss.jpg" alt="">
                </div>
                <!-- <div class="swiper-slide banner">
                    <img src="__INDEX__/mobile/hd1/2019/lm/img/banner.png" alt="">
                </div>
                <div class="swiper-slide banner">
                    <img src="__INDEX__/mobile/hd1/2019/lm/img/banner.png" alt="">
                </div> -->
            </div>
            <div class="swiper-pagination"></div>
            <!--分页器。如果放置在swiper-container外面，需要自定义样式。-->
        </div>

        <img src="__INDEX__/mobile/hd1/2019/lm/img/smsss.png" alt="" class="tu">
        <img src="__INDEX__/mobile/hd1/2019/lm/img/sc.png" alt="" class="tu1">


        <!-- 赛事细则 -->
        <img src="__INDEX__/mobile/hd1/2019/lm/img/sscz.png" alt="" class="tu3">



        <div class="tu4">
            <div id="menu">
                <div id="open">
                    <div class="navBox">
                        <ul>
                            <li>
                                <h2 class="obFocus"><span class="dj1">线上勒芒赛——里程榜</span> <span class="dj" style="padding-right: 2rem; ">点击查看详细</span><span class="dj2" style="padding-right: 2rem;display: none;"  >收起</span> <i class="arrowRot"></i></h2>
                                <div class="secondary" style="height: 7.5078rem;">
                                    <h3 style="">按30天/周期进行评比，每期比赛中，奥铃勒芒赛将根据本赛期参赛者行驶里程从高到低进行排名，选取成绩最好的三人成为冠亚季军，给予“里程之星”称号，并分别给予奖励！</h3>
<!--                                     <div class="jiangli">
                                        <img src="__INDEX__/mobile/hd1/2019/lm/img/jiang1.png" alt="">
                                        <img src="__INDEX__/mobile/hd1/2019/lm/img/jiang2.png" alt="">
                                        <img src="__INDEX__/mobile/hd1/2019/lm/img/jiang3.png" alt="">
                                    </div> -->
                                </div>
                            </li>
                            <li>
                                <h2 class="obtain"><span class="dj1">线上勒芒赛——油耗榜</span> <span class="dj">点击查看详细</span><span class="dj2">收起</span><i></i></h2>
                                <div class="secondary">
                                    <h3 style="">按30天/周期进行评比，每期比赛中，奥铃勒芒赛将根据本赛期参赛者行驶的百公里油耗从低到高进行排名，选取成绩最好的三人成为冠亚季军，给予“节油之星”称号，并分别给予奖励！</h3>
<!--                                     <div class="jiangli">
                                        <img src="__INDEX__/mobile/hd1/2019/lm/img/jiang1.png" alt="">
                                        <img src="__INDEX__/mobile/hd1/2019/lm/img/jiang2.png" alt="">
                                        <img src="__INDEX__/mobile/hd1/2019/lm/img/jiang3.png" alt="">
                                    </div> -->
                                </div>
                            </li>
                            <li>
                                <h2 class="obtain"><span class="dj1">线上勒芒赛——人气榜</span> <span class="dj">点击查看详细</span><span class="dj2">收起</span><i></i></h2>
                                <div class="secondary">
                                    <h3 style="">按30天/周期进行评比，每期比赛中，奥铃勒芒赛将根据本赛期参赛者邀请朋友点赞自己的数量从高到低进行排名，选取成绩最好的三人成为冠亚季军，给予“人气之星”称号，并分别给予奖励！</h3>
<!--                                     <div class="jiangli">
                                        <img src="__INDEX__/mobile/hd1/2019/lm/img/jiang1.png" alt="">
                                        <img src="__INDEX__/mobile/hd1/2019/lm/img/jiang2.png" alt="">
                                        <img src="__INDEX__/mobile/hd1/2019/lm/img/jiang3.png" alt="">
                                    </div> -->
                                </div>
                            </li>
                            <li>
                                <h2 class="obtain"><span class="dj1">线上勒芒赛——出勤榜</span> <span class="dj">点击查看详细</span><span class="dj2">收起</span><i></i></h2>
                                <div class="secondary">
                                    <h3 style="">按30天/周期进行评比，每期比赛中，奥铃勒芒赛将根据本赛期参赛者的出勤天数从高到低进行排名，选取成绩最好的三人成为冠亚季军，给予“出勤之星”称号，并分别给予奖励！</h3>
<!--                                     <div class="jiangli">
                                        <img src="__INDEX__/mobile/hd1/2019/lm/img/jiang1.png" alt="">
                                        <img src="__INDEX__/mobile/hd1/2019/lm/img/jiang2.png" alt="">
                                        <img src="__INDEX__/mobile/hd1/2019/lm/img/jiang3.png" alt="">
                                    </div> -->
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <img src="__INDEX__/mobile/hd1/2019/lm/img/cxtj.png" alt="" class="tu5">
        <!-- 报名参赛 -->
        <!-- <img src="__INDEX__/mobile/hd1/2019/lm/img/bmcs.png" alt="" class="tu2" style="display:none;">
        <div class="sfq1" style="display:none;">
            <input type="text" placeholder="请输入您的姓名" id="in">
            <input type="text" placeholder="请输入您的电话" id="in1">
            <input type="text" placeholder="短信验证码" id="in2">
            <input type="text" placeholder="请输入您的车架号" id="in3">
            <div id="in4">发送验证码</div>
            <div class="btn">

            </div>
            <div class="btn1">

            </div>
        </div> -->

<!--         <div class="btn">

        </div>
        <div class="btn1">

        </div> -->

        <!-- 赛事奖励 -->
        <img src="__INDEX__/mobile/hd1/2019/lm/img/csjl.png" alt="" class="tu2">
        <img src="__INDEX__/mobile/hd1/2019/lm/img/bg.png" alt="" class="sfq" style="width: 20.96875rem;height:9.40625rem;">





        <!-- 车型推荐 -->
        <div class="swp">
            <div class="swiper-container swiper-container2 ">
                <div class="swiper-wrapper">
	                <div class="swiper-slide banner1">
	                    <img src="__INDEX__/mobile/hd1/2019/lm/img/t2.png" alt=""  >
	                    <a href="http://aoling.douyar.cc/index/testdrive/index.html?id=1"></a>
	                </div>
	                <div class="swiper-slide banner1">
	                    <img src="__INDEX__/mobile/hd1/2019/lm/img/t3.png" alt=""  >
	                    <a href="http://aoling.douyar.cc/index/testdrive/index.html?id=1"></a>
	                </div>
<!-- 	                <div class="swiper-slide banner1">
	                    <img src="__INDEX__/mobile/hd1/2019/lm/img/t1t1.png" alt=""  >
	                    <a href="http://aoling.douyar.cc/index/testdrive/index.html?id=1"></a>
	                </div> -->
                </div>
                <!--分页器。如果放置在swiper-container外面，需要自定义样式。-->
            </div>
        </div>
        <div class="dibu">
            <img src="__INDEX__/mobile/hd1/2019/lm/img/d11.png" alt="" class="tu9">
            <img src="__INDEX__/mobile/hd1/2019/lm/img/d2.png" alt="" class="tu6">
            <img src="__INDEX__/mobile/hd1/2019/lm/img/d3.png" alt="" class="tu7">
            <!-- <img src="__INDEX__/mobile/hd1/2019/lm/img/d4.png" alt="" class="tu8"> -->
        </div>
        <img src="__INDEX__/mobile/hd1/2019/lm/img/fhdb.png" alt="" class="tu23">
        <a href="{:url('hd1/lm_xs1')}"> <img src="__INDEX__/mobile/hd1/2019/lm/img/bm.png" alt="" class="tu22"></a>
    </div>






    <script src="__INDEX__/mobile/hd1/2019/lm/js/menu.js"></script> <!--控制js-->
    <script>
        $('.tu7').click(function () {
            $('.tu9').attr('src', '__INDEX__/mobile/hd1/2019/lm/img/d33.png');
            window.location.href = '{:url('hd1/lm_xs1')}'
        })
        $('.tu6').click(function () {
            $('.tu6').attr('src', '__INDEX__/mobile/hd1/2019/lm/img/d22.png');
            window.location.href = '{:url('hd1/cc')}'
        })
        $('.tu23').click(function () {
            $('html ,body').animate({
                scrollTop: 0
            }, 1000);
            return false;
        });
        $('.tu8').click(function () {
            $('.tu8').attr('src', '__INDEX__/mobile/hd1/2019/lm/img/d44.png');
            window.location.href = '{:url('hd1/index')}'
        })

        var mySwiper2 = new Swiper('.swiper-container2', {
			// slidesPerView : 1.5,
			// spaceBetween: -15,
			// centeredSlides: true,
			// initialSlide: "1"
		});
    </script>
    <script>
        var w = 375;
        var f = 16;
        var c = document.documentElement.clientWidth;
        console.log(c);
        var nf = c * f / w;
        document.documentElement.style.fontSize = nf + 'px';
    </script>
</body>
    
</html>